<!--发表评论-->
<div class="f-comment-publish-container">
    <p class="f-comment-all-title"  ><span ng-bind="i18n.allComment"></span><a ng-bind="num | bracket"></a></p>
    <div class="f-comment-write clearfix">
        <img class="f-user-icon" ng-src="{{draw.userPngSrc}}" >
        <textarea name="comment" type="text" class="f-input-comment" ng-model="textarea" ></textarea>
    </div>
    <div class="f-comment-publish clearfix">
        <i></i>
        <a  class="f-publish-btn" ng-bind="i18n.publish" ng-click="publish()"></a>
    </div>
</div>
<!--获取每一项评论遍历-->
<div  ng-repeat="item1 in list track by $index">
<div class="f-usercomment"  >
    <div class="f-usercomment-up clearfix">
        <img class="f-user-icon" ng-src="{{item1.topParent.userIconSrc}}" >
        <div class="f-usercomment-up-r clearfix">
            <p class="f-username" ng-bind="item1.buser.nickname"></p>
            <p class="f-usercomment-content" ng-bind="item1.content"></p>
        </div>
    </div>
    <div class="f-usercomment-down clearfix">
        <p class="f-usercomment-down-l" ng-bind="item1.time"></p>
        <p class="f-usercomment-down-r">
            <a href="" ng-click="checkComment(item1)">查看评论</a>
            <a href="" ng-bind="i18n.reply"></a>
            <!--<a  ng-bind="i18n.support" ng-click="support(item1)"></a>-->
            <!--<a href="" ng-bind="item1.praiseCount |bracket"></a>-->
            <a get-praise get-item="item1" get-i18n="i18n"></a>
            <!--<a href=""  ng-bind="getPraiseCount(item1.praiseCount) |bracket"></a>-->
            <!--<a ng-bind="i18n.oppose" ng-click="oppose(item1)"></a>-->
            <!--<a href="" ng-bind="item1.stampCount |bracket"></a>-->
        </p>
    </div>
</div>
    <!--获取该评论项子评论-->
    <div  ng-repeat="childItem in secComment | filter :{topId:item1.commentId}">
    <div class="f-usercomment2" >
    <div class="f-usercomment-up clearfix">
    <img class="f-user-icon" ng-src="{{childItem.userIconSrc}}" >
    <div class="f-usercomment-up-r clearfix">
    <p class="f-username" ng-bind="childItem.parentId"></p>
    <p class="f-usercomment-content" ng-bind="childItem.content"></p>
    </div>
    </div>
    <div class="f-usercomment-down clearfix">
    <p class="f-usercomment-down-l" ng-bind="childItem.time"></p>
    <p class="f-usercomment-down-r">
    <a href="" ng-bind="i18n.reply"></a>
        <a  ng-bind="i18n.support"  ng-click="support(childItem)"></a>
    <a href="" ng-bind="childItem.praiseCount |bracket"></a>
        <a ng-bind="i18n.oppose"  ng-click="oppose(childItem)"></a>
    <a href="" ng-bind="childItem.stampCount |bracket"></a>
    </p>
    </div>
    </div>
         <div ng-repeat="childItem2 in item1.moreComment">
             <div class="f-usercomment3" >
                 <div class="f-usercomment-up clearfix">
                     <img class="f-user-icon" ng-src="{{childItem2.userIconSrc}}" >
                     <div class="f-usercomment-up-r clearfix">
                         <p class="f-username" ng-bind="childItem2.parentId"></p>
                         <p class="f-usercomment-content" ng-bind="childItem2.content"></p>
                     </div>
                 </div>
                 <div class="f-usercomment-down clearfix">
                     <p class="f-usercomment-down-l" ng-bind="childItem2.time"></p>
                     <p class="f-usercomment-down-r">
                         <a href="" ng-bind="i18n.reply"></a>
                         <a  ng-bind="i18n.support"  ng-click="support(childItem2)"></a>
                         <a href="" ng-bind="childItem2.praiseCount |bracket"></a>
                         <a ng-bind="i18n.oppose"   ng-click="oppose(childItem2)"></a>
                         <a href="" ng-bind="childItem2.stampCount |bracket"></a>
                     </p>
                 </div>
             </div>
         </div>
    </div>
</div>
<div class="f-loadMore-container">
    <div class="f-loadmore clearfix">
        <a class="f-vertical-line-10"></a>
        <a class="f-loadmore-center" ng-bind="i18n.loadMore"  ng-click="loadMoreComment()" ></a>
        <a class="f-vertical-line-10"></a>
    </div>
</div>
<style>
    .f-usercomment2{
        margin-left:60px;
    }
    .f-usercomment3{
        margin-left:120px;
    }
</style>
